@charset "utf-8";
.yq-inline ul{font-size: 0; letter-spacing: -4px;}
.yq-inline ul li{ display: inline-block; *display: inline; zoom:1; letter-spacing:normal;}
.yq-head{padding: 15px 0;}
.yq-w1200{ width: 1200px; margin: 0 auto; }
.yq-logo{ width: 330px; height: 70px; display: inline-block; float: left;}
.yq-head-rg{ float: right;}
.yq-vertical-bar{ color: #ccc; padding: 0 10px; font-style: normal;}
.yq-fast{ text-align: right;}
.yq-fast li, .yq-links li{ font-size: 14px; position: relative;}
.yq-fast a{color: #555;}
.yq-fast a:hover{ color:#008a88;}
.yq-code{ padding: 15px; position: absolute; background: #fff; box-shadow: 0px 5px 10px #ccc; left: 50%; margin-left: -85px; top: 30px; z-index: 99; display: none;}
.yq-code-img{ width: 160px; height: 160px; display: block;}
.yq-code-text{ font-size: 14px; font-weight: bold; margin-top: 10px; display: block;}
.show-code:hover .yq-code{ display: block;}
.yq-search { margin-top: 15px;}
.yq-search .yq-input, .yq-search .yq-btn{float: left; height: 36px;}
.yq-search .yq-input { font-size: 14px; width: 350px; height: 36px; line-height: 36px;border-radius: 4px 0 0 4px;  }
.yq-search .yq-btn{ border-radius: 0 4px 4px 0; width: 70px; }

.yq-input{ font-size: 16px; width: 100% ; height: 40px; line-height: 40px; padding: 4px 11px; box-sizing: border-box; margin: 0; line-height: 1.5; position: relative; display: inline-block; color: #333; background-color: #fff; border: 1px solid #ccc; transition: all .3s; border-radius: 4px;}
.yq-input-mid{width: 70%;}
.yq-btn{min-width:70px; height:46px ; padding: 0 10px; font-size: 14px; border: 1px solid transparent; color: #fff; border-radius: 4px;}
.yq-btn:hover{box-shadow: 0 0 10px #ccc; }
.yq-btn-default{ border: 1px solid #01a4a2; background: none; color: #01a4a2 }
.yq-btn-primary{ background: #01a4a2;}
.yq-btn-general{ background: #47cab8;}
.yq-btn-gray{ background: #cccccc;}
.yq-btn-focus{background: #ffa785;}

.yq-btn-primary:hover{ background: #00b8b6;}
.yq-btn-general:hover{ background: #51decb;}
.yq-btn-gray:hover{ background: #d1d1d1;}
.yq-btn-focus:hover{background: #ffb89d;}

.yq-banner{}
.yq-banner-inner{ width: 100%;min-width: 1150px; height: 260px; display: block; text-align: center; background-size: cover; background: url(../images/banner/banner-1.png) no-repeat center center; }

.yq-location{background: #eff2f2; height: 60px; line-height: 60px;}
.yq-catalog{float: left; position: absolute;}
.yq-catalog li a{padding:0 25px;font-size: 18px; display: block; letter-spacing: normal; min-width: 120px; text-align: center;}
.yq-catalog li a:hover, .yq-catalog-active a{ background: #eff2f2; color: #fff;  font-weight: bold;}
.yq-breadcrumb{float: right; font-size: 16px; background: url(../images/icon/icon-position.png) no-repeat  0 center; padding-left: 30px;}
.yq-breadcrumb span{padding: 0 5px;}
.yq-breadcrumb a:hover{ color:#008a88; text-decoration: underline;}

.yq-main{ padding:40px 0 80px 0}

.iconfun{background: url(../images/icon/icon-fun.png) no-repeat;}
.icon-reg{ background-position: 0 0;}
.icon-searchreg{ background-position: 0 -110px;}
.icon-cancelreg{ background-position: 0 -220px;}
.icon-notice{ background-position: 0 -330px;}

.yq-function{ width: 100%; text-align: center; margin: 0 auto 5% auto;}
.yq-function ul{ display: inline-block; ; margin: 0 auto;}
.yq-function li{ width:240px; height:240px; display: block; float: left; margin: 0 20px; border-radius: 20px; text-align: center; position: relative;  vertical-align: top;}
.yq-function li:hover{ box-shadow: 0 0 50px #cccc; }
.yq-function li span{ font-size: 28px; color: #fff;}
.yq-function li a{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.yq-function-0{ background: #1bc9b4;}
.yq-function-0:hover{ background: #11d3bc;}
.yq-function-2{ background: #77c588;}
.yq-function-2:hover{ background: #85dc98;}
.yq-function-3{ background: #4fc4af;}
.yq-function-3:hover{ background: #58dbc4;}
.yq-function li .iconfun{ width: 100px; height: 100px; display: block; margin: 15% auto 5% auto;}
.yq-secondframe{ padding: 30px; box-sizing: border-box; position: absolute; }
.yq-function li .yq-secondframe a{ position: static; width: 100%; height: 50px; line-height: 50px; margin: 20px 0; border: 1px solid #fff; font-size: 24px; color: #fff; display: block; text-align: center; border-radius: 25px;  }
.yq-function li .yq-secondframe a:hover{background: #fff; color: #01a4a2;}


.yq-flip-wrap{-webkit-perspective:1000; -ms-perspective:1000; perspective:1000; -ms-transform:perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style:preserve-3d; }
.yq-flip-wrap.hover .yq-secondframe, .yq-flip-wrap:hover .yq-secondframe{ -webkit-transform:rotateY(0); transform:rotateY(0); }
.yq-flip-wrap.hover .yq-firstframe, .yq-flip-wrap:hover .yq-firstframe{ -webkit-transform:rotateY(180deg); transform:rotateY(180deg); }
.yq-secondframe, .yq-flip-wrap, .yq-firstframe{ width:240px; height:240px; border-radius: 20px; }
.yq-flip-content{ -moz-transform:perspective(1000px); position:relative; }
.yq-secondframe, .yq-flip-content, .yq-firstframe{ -webkit-transition:.6s; -webkit-transform-style:preserve-3d; -ms-transition:.6s; -moz-transition:.6s; -moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transition:.6s; transform-style:preserve-3d; }
.yq-secondframe, .yq-firstframe{ -webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -o-transition:.6s; -o-transform-style:preserve-3d; position:absolute; top:0; left:0; }
.yq-firstframe{ -webkit-transform:rotateY(0); -ms-transform:rotateY(0); background:#01a4a2; z-index:2; }
.yq-secondframe{ background:#00c2c4; -webkit-transform:rotateY(-180deg); transform:rotateY(-180deg)}
/* forIE */
.yq-flip-wrap .yq-secondframe{ display: none\9; }
.yq-flip-wrap:hover .yq-firstframe{ display: none\9; }
.yq-flip-wrap:hover .yq-secondframe{ display: block\9; background: #00c2c4; }

.yq-step{ border-top: 1px solid #e2e2e2;}
.yq-step-wrap ul li span{ background: #1ab6b5;width: 300px; height: 50px; line-height: 50px; color: #FFF; font-size: 20px; display: block; border-radius: 5px; margin: 0 auto; transition: .2s ease-out; text-align: center; }
.yq-step-wrap ul li span:hover{background: #01a5a4; box-shadow: 0 0 10px #ccc;}
.icon-arrow-bot{ background: url(../images/icon/icon-arrow.png) no-repeat; width: 34px; height: 34px; display: block; margin: 10px auto;}


.yq-form{ width: 800px; margin: 0 auto;}
.yq-from-wrap{padding: 20px 10% 20px 20px; border:1px solid #e4e4e4 ; margin-bottom: 20px;}
.yq-form-title span{ font-size: 16px; font-weight: 600;  vertical-align: middle;}
.yq-form-title::before{  content: ''; width: 4px; height: 22px; border-radius: 5px; display: inline-block; background: #01a4a2; vertical-align: middle; margin-right: 10px; }
.yq-form-content{ margin-top: 30px; font-size: 16px;}
.icon-required{ color: red; font-style: normal; margin-right: 5px;}
.yq-form-laber{float: left; padding-top: 8px;}
.yq-form-control{ margin-left: 210px;}
.yq-form-item{width: 100%; margin-bottom: 15px;}
.yq-form-item:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.yq-form-item{zoom:1}
.yq-form-laber{width: 200px; text-align: right;}
.yq-form-control .yq-input, .yq-form-control .yq-btn{ float: left;}

.yq-radio-wrap{font-size: 0; letter-spacing: -4px;}
.yq-radio-wrap .yq-radio{ display: inline-block; *display: inline; zoom:1; letter-spacing:normal; font-size: 16px; margin-right: 20px; cursor: pointer;}
.icon-radio{background: url(../images/icon/icon-radio.png) no-repeat; background-position: 0 0; width: 24px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.yq-radio .active{ background-position: 0 -26px;}
.yq-radio .disabled{background-position: 0 -52px;}
.yq-form-content .yq-form-item .yq-form-control .yq-btn{ width: calc((100% - 10px) - 70% ); width: 124px\9;  height: 40px; margin-left: 10px;}

.icon-pay{ width: 120px; height: 40px; display: inline-block; vertical-align: middle; }
.icon-pay-alipay{ background: url(../images/icon/alipay-pay.png) no-repeat center; background-size: contain; }
.icon-pay-weixin{ background: url(../images/icon/weixin-pay.png) no-repeat center; background-size: contain;}
.yq-form .yq-btn-grounp{ padding-left: 220px; }
.yq-btn-grounp button + button{ margin-left: 20px;}
.yq-btn-grounp button{ min-width: 160px; font-size: 16px;}


.yq-tab{overflow:hidden;}
.yq-tab-head{position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; text-align: center; line-height: 1.5; white-space: nowrap; font-size: 0; padding-left: 1px; margin-bottom: 40px;}
.yq-tab-head ul{ display: inline-block; margin: 0 auto;}
.yq-tab-head-item{ padding: 0 40px; height: 54px; line-height: 54px; font-size: 18px; border:1px solid #01a4a2; margin-left: -1px; cursor:pointer; float: left; }
.yq-tab-head-item:first-child { border-radius: 50px 0 0 50px;}
.yq-tab-head-item:last-child { border-radius: 0 50px 50px 0;}
.yq-tab .active{display:block;}
.yq-tab-head-item.active{ background: #01a4a2; color: #fff;}
.yq-tab-content-item{ display:none;}

.yq-btn-list dl{ margin-bottom: 30px;}
.yq-btn-list dt{ border-bottom: 1px solid #dbdbdb; padding-bottom: 4px; margin-bottom: 20px;}
.yq-btn-list dt span{font-size: 18px; font-weight: 600; color: #01a4a2; border-bottom: 2px solid #01a4a2/9; padding-right: 50px/9; padding-bottom: 5px; position: relative;}
.yq-btn-list dt span::after{content: ''; width: 120px; height: 2px; background:#01a4a2; display: block; position: absolute; bottom: -2px; left: 0;}
.yq-btn-list dd{font-size: 0; margin-left: -4px;}
.yq-btn-list .yq-btn{ width: 168px; margin-left: 4px; margin-bottom: 4px; font-size: 16px; background: #f0f0f0; color: #555555; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.yq-btn-list .yq-btn:hover{background: #01a4a2; color: #fff;}

h2{font-size: 30px; padding: 20px; text-align: center;}

.yq-doctor-list .yq-doctor-item{ float: left; width: 50%;}
.yq-doctor-img span{ width: 200px; height: 260px; display: block;  margin-right: 15px;}
.yq-doctor-item{font-size: 0; letter-spacing: -4px; margin-bottom: 40px ; position: relative;}
.yq-doctor-img, .yq-doctor-txt{ display: inline-block; *display: inline; zoom:1; letter-spacing:normal; vertical-align: top;}
.yq-doctor-item .yq-doctor-txt{width: 60%;}

.yq-doctor-txt b{ font-size: 24px; color: #01a4a2; }
.yq-doctor-txt p{font-size: 16px; color: #666; margin-bottom: 10px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.yq-doctor-txt .yq-detail-content{ color: #333; }
.yq-doctor-item .yq-btn{ width: 160px; height: 50px; font-size: 24px; color: #fff; position: absolute; bottom: 0;}

.yq-detail-long{display:-webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; white-space:normal!important;}
.yq-doctor-inner .yq-doctor-txt p{display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; white-space:normal!important;}
.yq-doctor-inner .yq-doctor-txt .yq-detail-long{ height: 80px\9; }

.yq-more{ margin: 40px 0; font-size: 18px; text-align: center;}
.yq-more span{color: #ff4f4f;}
.yq-more a{color: #01a4a2;}
.yq-more a:hover{text-decoration: underline;}

.yq-bg-title{ background:#16aea9 ; background-image: linear-gradient(to right, #01a4a2,#44c4b7); padding: 6px 20px; box-sizing: border-box; font-size: 20px; color: #fff; margin-bottom: 20px;}
.yq-doctor-wrap{margin-bottom: 20px;}
.yq-doctor-inner{ border: 1px solid #dbdbdb;}
.yq-doctor-inner li{ vertical-align: middle;}
.yq-doctor-inner li .yq-divider{ width: 1px; height: 200px;  background: #dbdbdb; margin: 0 20px;  }
.yq-doctor-inner li.yq-doctor-details{width: 56%; }
.yq-doctor-inner li.yq-doctor-intro{width: 18%; padding-left: 2%;}
.yq-doctor-inner li .yq-detail-label{ color: #008a88; font-weight: 600;}

.yq-doctor-Shift{margin-bottom: 20px;}
.yq-doctor-Shift table{border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; table-layout: fixed; }
.yq-doctor-Shift table th, .yq-doctor-Shift table td{border-bottom: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; text-align: center; height: 70px; font-size: 16px; box-sizing: border-box;}
.yq-doctor-Shift table th{  background: #f3f8f9; font-weight: 600;}
.yq-doctor-Shift table .reg span{  display: block;}
.yq-doctor-Shift table .reg{ background: #50BDA0; color: #fff; cursor: pointer;}
.yq-doctor-Shift table .Withdrawal{background: #ffa785; color: #fff; cursor: not-allowed;}
.yq-doctor-Shift table .full{background: #d2d2d2; color: #fff; cursor: not-allowed;}


.yq-success{ margin-bottom: 20px;}
.yq-success ul li{ margin-right: 10px; vertical-align: middle;}
.yq-success .icon-success{ background: url(../images/icon/icon-success.png); width: 60px; height: 60px; display: block;}
.yq-success h3{ font-size: 22px; color: #1ab6b5;}
.yq-success p{font-size: 18px;}
.yq-success p b{ font-size:20px; color: #ff5e5e;}

.yq-detail{ margin-bottom: 50px;}
.yq-detail-wrap{ padding: 20px; border: 1px solid #e5e5e5;  box-shadow: 0 5px 5px #eee; border-radius: 6px; margin-bottom: 20px;}
.yq-detail-head{ position: relative; margin-bottom: 10px;}
.yq-detail-head h4{ background: #77c588; height: 46px; line-height: 46px; padding: 0 20px; color: #fff; font-size: 16px; max-width: 300px; border-radius: 0 25px 25px 0; position: relative; left: -28px;left: -20px/9; }
.yq-detail-head h4::before{content: ''; width: 10px; height: 10px; border-radius: 50%; display: block; background: #fff; position: absolute; top: 50%; left: 5px; margin-top: -5px;}
.yq-detail-head h4::after{content: ''; width: 0px; height: 0px; border-width: 8px 0 0 8px; border-color: #019e23 transparent transparent; border-style: solid; display: inline-block; position: absolute;left: 0px;bottom: -8px;}
.yq-detail-head .yq-tips{position: absolute; top:15px; left: 350px; color: #ff5e5e; font-size: 16px;}
.yq-detail-head .yq-btn-focus{position: absolute; top:15px; right: 10px; border-radius: 25px; width: 100px; height: 40px;}

.yq-detail-list, .yq-detail-left{ float: left;}
.yq-detail-right{width: 70%;}
.yq-detail-left{ padding:20px 0 20px 50px; margin-left: 20px; border-left: 1px solid #e5e5e5;}
.yq-detail-list table{font-size: 16px; width: 100%; table-layout: fixed; margin: 10px 0;}
.yq-detail-list table td{padding: 5px 0;  white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.yq-detail-laber{color: #666}
.yq-detail-list table th{text-align: left;}
.yq-detail-title{  font-size: 16px; color:#008a88 ; font-weight: bold;}
.yq-detail-code-inner{width: 240px; height: 240px; padding: 10px; border: 1px solid #ccc; display: block; position: relative;}
.yq-detail-code-inner img{width: 100%; height: 100%;}
.yq-detail-left p{ font-size: 20px; text-align: center; color: #ff5e5e;  padding: 10px 0; font-weight: 600;}
.iconpay{display: block; width: 50px;height: 50px; border-radius: 6px; padding: 5px; position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -25px; box-sizing: border-box;}
.icon-alipay{background: url(../images/icon/icon-alipay.png) no-repeat #fff center;}
.icon-weixin{background: url(../images/icon/icon-weixin.png) no-repeat #fff center;}
.yq-divider{ box-sizing: border-box; border-top: 1px dotted #e5e5e5; }

.yq-detail-wrap .yq-operat{width: 100%; text-align: center;  margin: 30px 0;}
.yq-detail-wrap .yq-operat .yq-btn{width: 400px; font-size: 20px;}
.yq-detail-red{ font-size: 18px; color: #ff5e5e;  font-weight: 600;}

.yq-tips p{ font-size: 16px; color: #ff5e5e;}
.yq-col-green{color: #00ad72;}
.yq-col-red{color: #ff5e5e;}

.yq-footer{background: #008a88; padding: 20px 0 30px 0; text-align: center; position: relative;}
.yq-links{text-align: center;}
.yq-links a, .yq-links .yq-vertical-bar{color: #edf5f3;}
.yq-links .yq-vertical-bar{ padding: 0 20px;}
.yq-links a:hover{ text-decoration: underline;}
.yq-hr .yq-hr-inner{ width: 100%; height: 2px; height:1px\9; display: block; background: #077775; margin: 20px 0; border-bottom: 1px solid #1c999a; }
.yq-copyright p{ color: #dbf5f5; line-height: 24px; }
.yq-copyright span{ padding: 0 20px;}


/* 弹窗 */
.yq-popup{z-index: 10000; position: fixed; width: 100%; height: 100%;top: 0; left: 0;}
.yq-popup-mask{ background:url(../images/mask.png) repeat; width: 100%; height: 100%;}
.yq-popup-cot{ width:640px; padding-bottom: 20px; background: #FFF; display: table;position: absolute;left: 50%; top: 50%; margin: -250px 0 0 -320px;}
.yq-popup-cot .yq-popup-title{ background: #01a4a2; height: 45px; line-height: 45px; color: #FFF; font-size: 16px; position: relative;}
.yq-popup-cot .yq-popup-title h4{padding:0 15px;}
.yq-popup-main{ padding: 0 15px;}
.yq-popup-main table{width: 100%; table-layout: fixed;}
.yq-popup-main table th, .yq-popup-main table td{ font-size: 18px; padding:10px;}
.yq-popup-main table th{font-weight: normal; color: #888;}
.yq-popup-main table td,.yq-popup-main table th{ border-bottom: 1px solid #e9e9e9; text-align: center; width: 33.3%;}
.yq-popup-main table td button{ height: 40px; width: 80px; font-size: 18px;transition: .2s ease-out;}
.yq-close{background: url(../images/icon/icon-close.png) no-repeat center; width: 45px; height: 45px; display: inline-block; position: absolute; right: 0; top: 0;}

.yq-status{font-size: 0; letter-spacing: -4px; text-align: center; padding: 5% 0;}
.yq-status .iconstatus, .yq-status .yq-status-content{display: inline-block; *display: inline; zoom:1; letter-spacing:normal; vertical-align: middle; text-align: left; }
.yq-status .iconstatus{ width: 70px; height: 70px; margin-right: 20px;}
.icon-error{background: url(../images/icon/icon-error.png) no-repeat center;}
.yq-status .yq-status-content{ font-size: 18px;}
.yq-status-content h4{font-size: 24px;}
.yq-status-content p{ color: #666;}

.yq-notice p{ font-size: 16px; line-height: 30px; }
.yq-notice p b{font-size: 20px; margin: 15px 0 10px 0; display: block;}
.yq-notice a{ color: #01a4a2; padding: 0 5px; }
.yq-notice a:hover{text-decoration: underline;}
.yq-notice-code{ width: 200px; height: 200px; display: block; margin: 10px auto; padding: 10px; border: 1px solid #ccc;}
.yq-mid{text-align: center; display: block;}
.yq-notice .yq-inline{ margin: 0 auto; text-align: center; }
.yq-notice .yq-inline li{ margin: 10px; }
.yq-notice .yq-inline .yq-mid{font-weight: bold; font-size: 16px;}

.yq-warm { padding: 15px}
.yq-warm p{ font-size: 16px; line-height: 30px; }

.yq-popup-main .yq-btn-group{ padding: 20px 0;  text-align: center;}
.yq-popup-main .yq-btn-group .yq-btn{ min-width: 140px; margin: 0 10px; font-size: 16px; }

.yq-main table{margin-bottom: 8px;}
.yq-grid{ width: 30% }
.yq-doctor-grid{padding: 10px 15px; text-align: left;}
.yq-doctor-grid .yq-doctor-img, .yq-doctor-grid .yq-doctor-txt{vertical-align: middle;}
.yq-doctor-grid .yq-doctor-img span{ width: 100px; height: 100px; border-radius: 50%; border: 1px solid #eee;  }
.yq-doctor-grid .yq-doctor-img span img{ border-radius: 50%;  }
.yq-doctor-grid .yq-doctor-txt{width: 60%}
.yq-doctor-grid .yq-doctor-txt p{ margin-bottom: 5px; }
